/* ============================================================
   08-notes-tasks.css
   Thematisch aufgeteilt aus default.css + SiTTsBlazor.css
   ============================================================ */

/* ---- aus default.css ---- */

.NoteAuthor ~ .act-badge-cluster {
    margin-top: 10px;
    font-size: 12px;
}

    .NoteAuthor ~ .act-badge-cluster .d-block {
        font-size: 12px !important;
    }


.task-row {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    justify-content: flex-start;
    align-items: center;
}

    .task-row .act-badge {
        margin: 0 !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .task-row .act-badge input,
        .task-row .act-badge div {
            margin-left: 15px;
            min-width: 150px;
        }

.task-list {
}

.task-akkordeon {
    width: 100%;
}

.NoteContainer {
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: stretch;
    border-bottom: 1px solid #f3f3f3;
}

.NoteLeft {
    width: 70%;
}

    .NoteLeft .NoteBody {
        margin-left: 0 !important;
    }

.NoteRight {
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: flex-end;
    width: 20%;
    margin-right: 0 !important;
    margin-top: 10px;
    text-align: left !important;
    font-size: 12px;
}

    .NoteRight .act-badge {
        display: flex;
        flex-direction: column;
        text-align: right;
    }

        .NoteRight .act-badge div:first-child {
            color: #8c9097;
        }

.topper {
    width: 100%;
}

.NoteAuthor {
    width: 100% !important;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

.note-btns {
    display: flex;
}

    .note-btns tooltip:last-child {
        margin-left: 10px;
    }


#taskDropdownWorkerID0 {
    width: 100%;
}

    #taskDropdownWorkerID0 div {
        width: 100%;
    }

.NoteContainer .avatar {
    width: 100%;
    justify-content: flex-start;
}

.NoteRight .act-badge {
    display: flex;
    flex-direction: column;
}

.task-smaller-step {
    padding: 0 !important;
    border: 0px solid #fff;
}

    .task-smaller-step .card-100 {
        padding: 0 !important;
        border: 0px solid #fff;
    }

.task_step .card-header {
    display: none;
}

.task_step .card-step-content {
    margin-left: unset !important;
    margin-right: unset !important;
    width: 100%;
    justify-content: flex-start
}

.task_step .stepByStep,
.task_step .card-main {
    margin-left: 0;
    padding-left: 0 !important;
}

.task_step form .container {
    padding: 0;
    margin: 0;
}

.task_step .dropdown {
    max-width: 300px;
}